import React, {  } from 'react'
import {connect} from 'react-redux'
// import { makeStyles } from '@material-ui/core/styles';
import "./less/Loading.less"

function Loading (props){
    return (
        <div className="loading" style={{display: props.showLoading ? 'block' : 'none'}}>
            <i className="iconfont icon-loading"></i>
        </div>
    )
}

const mapStateToProps = (state) => {
    return {
        showLoading: state.showLoading
    }
}

export default connect(mapStateToProps)(Loading)